.fruit-container{
    width: 18%;
    height: 22%;
    border-radius: 10px;
    border: 1px solid black;
  }
  .fruit-container:hover{
    box-shadow:0px 0px 5px black ;
  }
  .fruit-top{
    width: 100%;
    height: 55%;
    text-align: center;
  }
  .fruit-top>img{
    height: 100%;
  }
  .fruit-buttom{
    width: 100%;
    height: 45%;
    padding: 10px;
    box-sizing: border-box;
  }
  .fruit-title{
    font-size: 16px;
    margin:  0px;
  }
  .fruit-text{
    width: 100%;
    font-size: 10px;
    color: rgb(148, 145, 145);
    display: flex;
    justify-content: space-between;
  }
  .fruit-text>p:nth-child(2){
    padding: 0px 10px;
    border-left: 1px solid rgb(148, 145, 145);
    border-right: 1px solid rgb(148, 145, 145);
  }
  .fruit-price{
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .fruit-price>p{
    margin: 0px;
    font-size: 16px;
    color: red;
  }
  .fruit-price>div{
    font-size: 12px;
    border: 1px solid rgb(148, 145, 145);
    padding: 3px 5px;
    border-radius: 5px;
    color: rgb(153,204,0);
    
  }